@extends('home.home')
@section('title',$title)
@section('content')
<div class="banner">
		<div class="container" >
			  <script src="{{asset('/shop/js/responsiveslides.min.js')}}"></script>
  <script>
    $(function () {
      $("#slider").responsiveSlides({
      	auto: true,
      	nav: true,
      	speed: 500,
        namespace: "callbacks",
        pager: true,
      });
    });
  </script>
			<div  id="top" class="callbacks_container">
			<ul class="rslides" id="slider">
			    @foreach($new as $nn)
			    <li style="margin-top: -60px;">
					
						<div class="banner-text" >
						<h3>{{$nn -> gname}}</h3>
						<div style="width: 200px;height: 200px;opacity: 0.6;"><img src="{{asset($nn->gpic)}}" style=" border-radius:50%;"></div>
						<p>价格：{{$nn->price}}</p>
						<p style="font-size: 25px;">商品描述:{{$nn->gdesc}}</p>
						<a href="">立即前往</a>
						</div>
				</li>
                
				@endforeach
			</ul>
		</div>

	</div>
	</div>
<!--content-->
<div class="content">
	<div class="container">
	<div class="content-top">
		<h1>新上架 商品</h1>
        
		    <div class="grid-in">
		    @foreach($data as $row)
			<div class="col-md-4 grid-top">
				<a href="{{ url('/home/good/list')}}/{{ $row -> gid }}" class="b-link-stripe b-animate-go  thickbox"><img class="img-responsive" src="{{asset($row->gpic)}}" alt="">
							<div class="b-wrapper">
									<h3 class="b-animate b-from-left    b-delay03 ">
										<span>{{$row->gname}}</span>	
									</h3>
								</div>
				</a>
		

			<p><a href="single.html">{{$row->gname}}</a></p>
			<div style="height: 40px;"></div>
			</div>
			
			@endforeach

		</div>
        

	</div>
	
	<div class="content-top-bottom">
		<h2>精选 系列</h2>
		<div class="col-md-6 men">
			<a href="{{url('/home/good/list')}}/{{$women->gid}}" class="b-link-stripe b-animate-go  thickbox"><img class="img-responsive" src="{{asset($women->gpic)}}" width="100%" style="height: 430px;">
				<div class="b-wrapper">
									<h3 class="b-animate b-from-top top-in   b-delay03 ">
										<span>{{$women->gname}}</span>	
									</h3>
								</div>
			</a>
			
			
		</div>
		<div class="col-md-6">
			<div class="col-md1 ">
				<a href="{{url('/home/good/list')}}/{{$case->gid}}" class="b-link-stripe b-animate-go  thickbox"><img class="img-responsive" src="{{asset($case->gpic)}}" style="height: 200px;width: 100%">
					<div class="b-wrapper">
									<h3 class="b-animate b-from-top top-in1   b-delay03 ">
										<span>{{$case->gname}}</span>	
									</h3>
								</div>
				</a>
				
			</div>
			<div class="col-md2">
				<div class="col-md-6 men1">
					<a href="{{url('/home/good/list')}}/{{$men->gid}}" class="b-link-stripe b-animate-go  thickbox"><img class="img-responsive" src="{{asset($men->gpic)}}" width="100%" style="height: 200px;">
							<div class="b-wrapper">
									<h3 class="b-animate b-from-top top-in2   b-delay03 ">
										<span>{{$men->gname}}</span>	
									</h3>
								</div>
					</a>
					
				</div>
				<div class="col-md-6 men2">
					<a href="{{url('/home/good/list')}}/{{$shoe->gid}}" class="b-link-stripe b-animate-go  thickbox"><img class="img-responsive" src="{{asset($shoe->gpic)}}" style="height: 200px;width: 100%">
							<div class="b-wrapper">
									<h3 class="b-animate b-from-top top-in2   b-delay03 ">
										<span>{{$shoe->gname}}</span>	
									</h3>
								</div>
					</a>
					
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<div class="clearfix"> </div>
	</div>
	</div>
	<!---->
	<div class="content-bottom">
		<ul>
			<li><a href="#"><img class="img-responsive" src="{{asset('/shop/images/lo.png')}}" alt=""></a></li>
			<li><a href="#"><img class="img-responsive" src="{{asset('/shop/images/lo1.png')}}" alt=""></a></li>
			<li><a href="#"><img class="img-responsive" src="{{asset('/shop/images/lo2.png')}}" alt=""></a></li>
			<li><a href="#"><img class="img-responsive" src="{{asset('/shop/images/lo3.png')}}" alt=""></a></li>
			<li><a href="#"><img class="img-responsive" src="{{asset('/shop/images/lo4.png')}}" alt=""></a></li>
			<li><a href="#"><img class="img-responsive" src="{{asset('/shop/images/lo5.png')}}" alt=""></a></li>
		<div class="clearfix"> </div>
		</ul>
	</div>
</div>
@endsection